<template>
  <div
    class="operationPanelForm"
    v-if="isVisible"
    :style="{ width: 900 + 'px', height: 697 + 'px' }"
  ></div>
</template>

<style scoped lang="less">
.operationPanelForm {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #34393d;
  border-radius: 15px;
  overflow: hidden;
  //display: none;
  .container {
    height: 100%;
    .operationPanel-options {
      background-color: rgb(52 57 61 / 89%);
      .operationPanel-options-item {
        height: 90px;
        padding: 20px 0;
        // 鼠标形状设置为手指
        cursor: Pointer;
        &.active {
          color: #3f85fe;
        }
        span {
          display: block;
          margin-top: 5px;
        }
      }
    }
    .operationPanel-content {
      height: 100%;
      padding: 20px 20px 0;
      background-color: #393944cc;
    }
  }
}
</style>

<script>
export default {
  data() {
    return {
      isVisible: true,
    };
  },
};
</script>
